<template>
  <div>
    home=>

    <el-button type="primary">{{ t('message.home')}}</el-button>
    <el-date-picker
        v-model="value1"
        type="date"
        placeholder="Pick a day"
      />
  </div>
</template>
<script setup lang="ts">
import { getCurrentInstance, h,ref } from 'vue';
import {  useI18n } from 'vue-i18n'

const { t } = useI18n()

const { proxy }:any = getCurrentInstance();

proxy.$message({
  message: h('p', { style: 'line-height: 1; font-size: 14px' }, [
    h('span', null, 'Message can be '),
    h('i', { style: 'color: teal' }, 'VNode'),
  ]),
})
const value1 = ref('')
</script>
<style scoped lang="scss">
.aaa{
  .bbb{
    color: $red;
  }
}
</style>